<!-- 通用侧边栏 -->

{{define "blog/siderbar"}}
<div class="mdui-drawer mdui-color-white mdui-drawer-close mdui-drawer-full-height" id="left-drawer">
    <div class="sideImg mdui-color-theme">
        <div class="mdx-side-lazyload lazyload" data-bg="{{advert}}"></div>
        <button class="mdui-btn mdui-btn-icon mdui-ripple nightVision mdui-text-color-white mdui-valign mdui-text-center" mdui-tooltip="{content: '切换日间/夜间模式'}" id="tgns" mdui-drawer-close="{target: '#left-drawer'}">
            <i class="mdui-icon material-icons">&#xe3a9;</i>
        </button>
        <div class="side-info-more">
            {{author}}<br>
            <span class="side-info-oth">{{slogan}}</span>
        </div>
    </div>

    <nav role="navigation">
        {{$currPage := .CurrPage}}
        <ul id="mdx_menu" class="mdui-list">
            <li class='menu-item mdui-list-item mdui-ripple {{if eq $currPage "/"}} current-menu-item current_page_item {{end}}'>
                <a href="/" aria-current="page"> <i class="mdui-icon material-icons"></i> 首页</a>
            </li>

            <li class='menu-item mdui-list-item mdui-ripple {{if eq $currPage "game"}} current-menu-item current_page_item {{end}}'>
                <a href="/develop/game"><i class=" mdui-icon material-icons">&#xe338;</i> 游戏</a>
            </li>

            <li class='menu-item mdui-list-item mdui-ripple {{if eq $currPage "web"}} current-menu-item current_page_item {{end}}'>
                <a href="/develop/web"><i class=" mdui-icon material-icons">&#xe051;</i> Web</a>
            </li>

            <li class='menu-item mdui-list-item mdui-ripple {{if eq $currPage "other"}} current-menu-item current_page_item {{end}}'>
                <a href="/other"><i class=" mdui-icon material-icons"></i> 其他</a>
            </li>

            <li class='menu-item mdui-list-item mdui-ripple {{if eq $currPage "about"}} current-menu-item current_page_item {{end}}'>
                <a href="/about" ><i class="mdui-icon material-icons">&#xe853;</i> 关于</a>
            </li>
        </ul>
    </nav>
</div>
{{end}}